import React from "react";

const count = 100;

const fu = () => {
  return "返回函数";
};

function App() {
  // 获取当前日期
  const currentDate = new Date();

  // 提取年、月、日
  const year = currentDate.getFullYear();
  const month = currentDate.getMonth() + 1; // getMonth() 返回的月份是从 0 开始的，所以需要加 1
  const day = currentDate.getDate();

  // 格式化日期字符串
  const formattedDate = `${year}年${month}月${day}日`;
  //style
  const styleColor = { color: "#f00" };

  return (
    <>
      {/* 使用引号传递字符串 */}
      <div>{"this is message"}</div>
      {/* 识别js变量 */}
      <div>{count}</div>
      {/* 函数调用 */}
      <div>{fu()}</div>
      <div>日期: {formattedDate}</div>
      <h1>Hello, World!</h1>
      {/* 使用js对象 */}
      <h1 style={{ color: "pink" }}>Hello, World!</h1>
      <h1 style={styleColor}>Hello, World!</h1>
    </>
  );
}

export default App;
